<template>


<div class="common-layout">
    <el-container>
      <el-aside width="200px" style="height: 1000px; background-color: #545c64;;">


        <Aside style="border-right: 1px;"></Aside>

      </el-aside>
      <el-container>
        <el-header  style="height: 100px; background-color: slategray;">
               <Header/> 
        </el-header>
        <el-main>
            
            <RouterView />

        </el-main>
        <el-footer>
            
            <Footer/>

        </el-footer>
      </el-container>
    </el-container>
  </div>

</template>

<script setup lang="ts">
import Aside from './AsideView.vue'
import Footer from './FooterView.vue'
import Main from './MainView.vue'
import Header from './HeaderView.vue'

import { RouterLink, RouterView } from 'vue-router'
</script>

<style scoped >



</style>